<template>
  <div class="xia">
    <router-link
      v-for="(item, index) in allWorkArr[0]"
      :key="index"
      :to="{
        path: '/jobitem',
        query: {
          id: item.id,
        },
      }"
    >
      <div class="list">
        <div class="one">
          <p>
            <b>{{ item.wname }}</b> <i>{{ item.wprice }}元</i>
          </p>
          <p class="ke">
            <span>学历{{ item.wedu }}</span
            ><span>经验不限</span><span>专业不限</span>
          </p>
          <p>
            <span>{{ item.compname }}</span
            ><i>{{ item.wcity }}&nbsp;&nbsp;&nbsp;二七区</i>
          </p>
          <p>{{ item.hr }}/HR</p>
        </div>
      </div>
    </router-link>
  </div>
</template>

<script>
import axios from "../request/index";
export default {
  data() {
    return {
      allWorkArr: [],
    };
  },

  created() {
    axios.get("/api/api/job/all.do").then((res) => {
      this.allWorkArr.push(res.data.data);
    });
  },
};
</script>

<style>
.xia .list {
  width: 682px;
  height: 260px;
  background: #fff;
  margin-top: 30px;
  margin-left: 34px;
  border-radius: 30px;
}
.list b {
  float: left;
  font-size: 32px;
}
.one p:nth-of-type(1) i {
  font-style: normal;
  color: #ed3765;
  float: right;
  font-size: 30px;
}
.list .one {
  margin-top: 20px;
  margin-left: 28px;
  margin-right: 46px;
}
.van-cell_title {
  width: 220px;
}
.one p:nth-of-type(2) span {
  padding: 10px;
  background: #eeeff4;
  margin-right: 10px;
  border-radius: 10px;
  font-size: 22px;
}
.one p:nth-of-type(2) {
  margin-top: 26px;
}
.one p:nth-of-type(1) {
  padding-top: 20px;
  overflow: hidden;
}
.one p:nth-of-type(3) {
  margin-top: 26px;
}
.one p:nth-of-type(3) i {
  float: right;
  font-style: normal;
  font-size: 24px;
}
.one p:nth-of-type(3) span {
  font-size: 28px;
}
.one p:nth-of-type(4) {
  margin-top: 26px;
  font-size: 24px;
  color: #999a9f;
}
</style>
